@charset "utf-8";
/* CSS Document */

body{ height: 100%; border: 0;     margin: 0;
    padding: 0;  }

*{ border: 0;     margin: 0;
    padding: 0;}







.banner1{ display:none; }







/*------------------------------------------------indexbanner star---------------------------------------------------------------*/
.slider {position: relative;width: 100%;height:41em;overflow: hidden; margin-top:5%;}
.box {width: 100%; height: 100%;font-size:1em;color: #fff;text-transform: capitalize;vertical-align:middle; 
        background-position: center;background-repeat: no-repeat;background-size: cover;position:relative;}
.slides {height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;
          -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
          transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide {float: left;clear: none; list-style-type: none;}
.slider .slide{ height:100%;}
.slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 45px;height:70px;line-height: 60px;text-decoration: none;   
		    	text-align: center;color: rgba(255, 255, 255, 0);font-size: 2em;top: 45%;}
.slider-arrow--right { bottom: 50%; right: 30px; background:url(../images/banner-right-icon.png);background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.slider-arrow--left { bottom: 50%; left: 30px; background:url(../images/banner-left-icon.png);background-position: center;
    background-repeat: no-repeat;
    background-size: cover;}
.slider-nav {position: absolute;bottom: 30px; display:none;}
.slider-nav__item {width: 1em;height:1em;float: left;clear: none;display: block;margin: 0 2px;background: #fff;border-radius: 50%;}
.slider-nav__item:hover { background: #e1313a; }
.slider-nav__item--current { background: #e1313a; }

.bannerone{width:60%;float: right;overflow: hidden;top: 45%;position: relative;text-align: left;background-color: rgba(255, 255, 255, 0.68);} 
.bannerone div{overflow: hidden;padding: 4% 4% 4% 8%;}
.bannerone div h1{font-size: 45px;color:#482428; font-weight: lighter;}
.bannerone div h1 c{ color:#d2051e;}
.bannerone div h2{font-size:2.4em;color: #F4324A;text-transform: uppercase; font-weight: normal;    font-family: Arial;}
.bannerone div h3{ border-bottom:4px solid #d2051e;width: 10%;margin-top: 1%;}
.bannerone div h4{color: #555;font-size: 1.6em;font-weight: lighter;line-height: 1.5em;}


.bannertwo{ left:14%;overflow: hidden;top: 50%;position: relative;text-align: left;} 
.bannertwo div h1{font-size:2em;color:#fff; font-weight: normal;background-color: rgba(210, 5, 30, 0.83);width: 15%;    padding-left: 1%;}
.bannertwo div h2{text-transform: uppercase; font-weight: normal;width: 40%;padding-left: 1%;color: #fff;font-size: 3em;
                   background: rgba(23, 23, 23, 0.75);margin-top: 0.1%;}
.bannertwo div h3{background: rgba(23, 23, 23, 0.75); margin-top:0.1%;color: #fff;    width: 25%;font-size: 1.3em;padding: 0.5%;padding-left: 1%;}


.bannerthree{ left:12%;overflow: hidden;top:25%;position: relative;text-align: left;} 
.bannerthree div h1{font-size:1.6em;color:#fff; font-weight: normal;text-transform: uppercase;    font-family: Arial;}
.bannerthree div h2{text-transform: uppercase; font-weight: normal;color: #242424;font-size:3.2em; }
.bannerthree div h3{color: #111111;width: 35%;font-size: 1.4em; margin-top:1%;}
.bannerthree div h4{background-color: #fff;color: #454545;width: 8%;text-align: center;line-height: 2.5em;margin-top: 2%;font-size: 1em;}


.bannerfour{ text-align: center;overflow: hidden;top:30%;position: relative; width:100%;} 
.bannerfour div h1{color:#d2051e; font-weight: normal;text-transform: uppercase;font-size: 2.2em;
    border-bottom: 2px solid #d2051e;width: 19%;margin: auto;    font-family: Arial;
    line-height: 1em;}
.bannerfour div h2{text-transform: uppercase; font-weight: normal;color: #242424;font-size:3.6em;padding-top: 1%; }
.bannerfour div h3{color: #4a4a4a;font-size: 1.3em; margin-top:1%;}


.bannerfive{ left:12%;overflow: hidden;top:30%;position: relative;text-align: left;} 
.bannerfive div h1{font-size:1.7em;color:#202020; font-weight: normal;text-transform: uppercase;}
.bannerfive div h2{ font-weight: normal;border-bottom: 2px solid #d2051e;width: 5%;margin-top:1.5%; }
.bannerfive div h3{color: #d2051e;font-size:3em; margin-top:1%;}
.bannerfive div h4{color: #090909;font-size:2.2em;text-transform: uppercase;font-family: Arial;}


/*------------------------------------------------indexbanner end---------------------------------------------------------------*/